<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
    <mdl-layout-header>
        <mdl-layout-header-row>
          <mdl-layout-title>
              <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;"/>
          </mdl-layout-title>
          <mdl-layout-spacer></mdl-layout-spacer>
            <qk-profile-icon style="float: right;margin-right: 30px" [style]=" {'margin-right': '0px', 'height': '40px', 'width': '40px'}"></qk-profile-icon>
        </mdl-layout-header-row>
      </mdl-layout-header>
    <mdl-layout-content mdl-shadow="16">
        <div class="ui-grid ui-grid-pad" style="height:100%">
            <div class="ui-grid-row" style="height:100%">
                <div class="ui-grid-col-2 ui-widget-content">
                    <div class="category-header">
                        <p>任务分组</p>
                    </div>
                    <p-tree [value]="groups" selectionMode="single" [(selection)]="selectedNode"
                    (onNodeSelect)="nodeSelect($event)" [style]="{'margin-top':'10px','height': '90%','width':'100%','border-style':'none','background':'transparent', 'overflow':'hidden'}"></p-tree>
                </div>
                <div class="ui-grid-col-10 ui-widget-content border-spe-left" style="border:none;padding:0;">
                    <router-outlet></router-outlet>
                </div>
            </div>
        </div>
    </mdl-layout-content>
</mdl-layout>
<!-- <div class="footer">
    <qk-notice-icon style="float:left;margin-right:20px;"></qk-notice-icon>
    <qk-toolbar></qk-toolbar>
</div> -->

<p-confirmDialog #cd>
    <p-footer>
        <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>